/*-----  Global  ----*/
*{margin:0px;padding:0px;border-width:0;}
body{font-size:14px; font-family:"Microsoft YaHei";color:#555;}
a,a:visited{text-decoration:none!important;color:#555;}
a:hover,a:active{text-decoration:none!important;color:#555;}
ul li{list-style:none;}
.a_trans{text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent;
    -webkit-transition:all 0.4s;
        -ms-transition:all 0.4s;
         -o-transition:all 0.4s;
            transition:all 0.4s;}
.clear{clear:both;height:0px;width:0px;overflow:hidden;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
*html .clearfix {zoom:1;}
::-webkit-input-placeholder
{color:#565656;}
:-moz-placeholder
{color:#565656;}
::-moz-placeholder
{color:#565656;}
:-ms-input-placeholder
{color:#565656;}
.pb_btn{display:block;position:relative;}
.pb_btn:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;z-index:-1;
    -webkit-transition:all .5s;
       -moz-transition:all .5s;
        -ms-transition:all .5s;
            transition:all .5s;
}
.pb_btn:hover:before{width:100%;}
.pb_a{position:relative;}
.pb_a:after{content:'';width:0;height:2px;background:#d81e25;position:absolute;left:0;bottom:0;
    -webkit-transition:all 1s ease;
       -moz-transition:all 1s ease;
        -ms-transition:all 1s ease;
            transition:all 1s ease;}
.pb_tran{
    -webkit-transition:all 0.7s;
       -moz-transition:all 0.7s;
         -o-transition:all 0.7s;
            transition:all 0.7s;}
.l5{-webkit-transform:translateX(-50%);
       -moz-transform:translateX(-50%);
         -o-transform:translateX(-50%);
            transform:translateX(-50%);}
.t5{-webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);
         -o-transform:translateY(-50%);
            transform:translateY(-50%);}
.lt5{-webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);}
/*top*/
#topwrap{height:110px;}
#topbg{background:#FFF;width:100%;z-index:999;position:fixed;}
.top{width:calc(100% - 30px);margin:0 auto;max-width:1660px;}
.top .logo{width:auto;float:left;margin:20px 0;height:70px;display:block;}
.top .logo img{display:block;width:auto;height:100%;}
.top .l_title{overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;height:0;}
.top .logo,.top .nav,.top .nav .firstfloor>li{display:block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.top .pcnav{float:right;}
.top .pcnav .firstfloor{float:left;}
.top .pcnav .firstfloor .f_ul{float:left;margin-left:5px;}
.top .pcnav .firstfloor .f_li{position:relative;cursor:pointer;overflow:hidden;}
.top .pcnav .firstfloor .f_li:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:3px; background:#D81E25;opacity:0;
	-webkit-transition:all .7s ease;
	   -moz-transition:all .7s ease;
	    -ms-transition:all .7s ease;
	        transition:all .7s ease;}
.top .pcnav .firstfloor .f_li:first-child{margin-left:0;}
.top .pcnav .firstfloor .f_li>a{display:block;width:100%;padding:0 14px;color:#555;height:110px;line-height:110px;font-size:17px;}
.top .pcnav .firstfloor .f_ul:hover .f_li>a{color:#D81E25;}
.top .pcnav .firstfloor .f_ul:hover .f_li:before{width:100%;opacity:1;}
.top .pcnav .secondfloor{position:absolute;left:0;top:100%;z-index:9999;display:none;background:#FFF;min-width:100%;border-top:none;box-sizing:border-box;left:0;}
.top .pcnav .secondfloor>li{width:100%;line-height:46px;height:46px;font-size:14px;margin-left:0;padding-left:10px;}
.top .pcnav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
.top .pcnav .secondfloor>li>a:hover{color:#D81E25;background:url(nav_right.png) no-repeat right 10px center;}
.top .pcnav .t_phone{float:right;margin:38px 0 39px;padding-left:18px;position:relative;}
.top .pcnav .t_phone:before{content:'';width:1px;height:11px;position:absolute;left:3px;top:11px;background:#CCC;}
.top .pcnav .t_phone .t_p{float:left;}
.top .pcnav .t_phone i{display:inline-block;width:32px;height:33px;background:url(top_phone.png) no-repeat center center;vertical-align:middle;
    -webkit-animation:2s infinite msClock;
       -moz-animation:2s infinite msClock;
         -o-animation:2s infinite msClock;
            animation:2s infinite msClock;}
.top .pcnav .t_phone span{display:inline-block;height:33px;line-height:33px;margin-left:10px;font-size:22px;vertical-align:middle;color:#d00010;font-family:Arial;}
.top .pcnav .t_phone .t_en{background:url(lan.gif) no-repeat left center;margin-left:20px;padding-left:33px;height:33px;line-height:33px;background-size:30px auto;float:left;font-size:16px;}

.top_nav{width:100%;height:auto;position:fixed;background:rgba(249,249,249,.9);left:0;top:110px;border-top:1px solid #E2E2E2;display:none;padding:60px 0 40px;}
.top_nav .tn_left{float:left;width:35%;}
.top_nav .tn_left p{margin:0;font-size:14px;line-height:24px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.top_nav .tn_left p:first-child{font-size:26px;height:32px;line-height:32px;margin-bottom:10px;color:#000;}
.top_nav .tn_left a{display:inline-block;padding:0 20px;border:1px solid #CCC;margin-top:20px;}
.top_nav .tn_left a span{display:inline-block;height:42px;line-height:42px;vertical-align:middle;}
.top_nav .tn_left a i{display:inline-block;height:42px;line-height:42px;width:18px;background-repeat:no-repeat;background-position:right center;background-image:url(btn_icon.png);margin-left:20px;vertical-align:middle;
    -webkit-transition:all .5s ease;
       -moz-transition:all .5s ease;
        -ms-transition:all .5s ease;
            transition:all .5s ease;}
.top_nav .tn_left a:hover{color:#FFF;}
.top_nav .tn_left a:hover:before{background:#D81E25;}
.top_nav .tn_left a:hover i{background-position:left center;}
.top_nav .tn_ul{width:35%;margin-left:4%;padding-left:4%;float:left;border-left:1px solid #FFF;}
.top_nav .tn_ul a{display:block;height:42px;line-height:42px;font-size:17px;color:#000;position:relative;padding-left:15px;}
.top_nav .tn_ul a:before{content:'';position:absolute;top:23px;left:0;width:4px;height:4px;border-radius:50%;background:#666;}
.top_nav .tn_ul a:hover{color:#D81E25;}
.top_nav .tn_ul a:hover:before{background:#D81E25;}
.top_nav .tn_ul.tn_ul1 a{width:50%;float:left;}
.top_nav .tn_right{width:26%;float:right;text-align:right;}
.top_nav .tn_right img{display:inline-block;width:100%;max-width:290px;height:auto;}

.topfix{-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);left:0;top:0;}
/*mobilehead*/
/*.topbg{height:70px;display:none;}
.top{height:70px;width:100%;}
.top .logo{width:calc(100% - 120px);height:70px;display:block;float:left;background:url(logo.png) no-repeat 10px center;background-size:auto 50px;}*/
.top .nav{float:right;display:none;}
.top .nav_bg{display:none;position:fixed;top:70px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
.top .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
.top .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
.top .nav .nav_one>li>span{height:42px;line-height:42px;font-size:15px;}
.top .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
.top .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
.top .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
.top .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.top .nav .nav_one>li>ul{display:none;}
.top .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
.top .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
.top .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
.top .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.top .nav .push-nav.on .nav-toggle{margin-left:-4px;}
.top .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
.top .nav .push-nav .nav-toggle span.two{width:30px;}
.top .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
.top .nav .push-nav.on .nav-toggle span{ opacity:1;}
.top .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.top .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
.top .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
.top .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
.top .nav .nav_contact .nav_txt{width:100%;}
.top .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
.top .nav .nav_contact .nav_txt span a{color:#666;}
.top .nav .nav_contact .nav_txt span.sitemapicon{background:url(mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
.top .nav .nav_contact .nav_txt span.topphoneicon{background:url(mobilephone.png) no-repeat left center;background-size:auto 15px;}
.top .nav .nav_contact .nav_txt span.topemailicon{background:url(mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/*flash*/
.index_banner{width:100%;height:0;padding-bottom:800px;position:relative;overflow:hidden;}
.index_banner .swiper-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;}
.index_banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.index_banner .swiper-button-next{height:111px;background-image:url(f_right.png);background-size:auto;width:46px;margin-top:-55px;right:120px;outline:none;}
.index_banner .swiper-button-prev{height:111px;background-image:url(f_left.png);background-size:auto;width:46px;margin-top:-55px;left:auto;left:120px;outline:none;}
.index_banner .swiper-button-next.swiper-button-disabled,.index_banner .swiper_btn .swiper-button-prev.swiper-button-disabled{opacity:.5;}
.index_banner .swiper-pagination-bullets{bottom:48px!important;}
.index_banner .swiper-pagination-bullet{width:14px;height:14px;background:transparent;opacity:1;background:#FFF;border-radius:7px;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:44px;background:#f90013;}
/*pb_title*/
.pb_title{text-align:center;position:relative;}
.pb_title h2{margin:0;font-size:40px;color:#333;font-weight:bold;height:50px;line-height:50px;position:relative;}
.pb_title p{margin:0;color:#707070;line-height:26px;font-size:16px;margin-top:10px;display:inline-block;padding:0 27px;position:relative;}
.pb_title p:before{content:'';width:18px;height:1px;background:#707070;position:absolute;left:0;top:13px;}
.pb_title p:after{content:'';width:18px;height:1px;background:#707070;position:absolute;right:0;top:13px;}
/*product*/
.product{padding:50px 0 60px;overflow:hidden;}
.product .p_span{margin-top:8px;font-size:0;-webkit-text-size-adjust:none;text-align:left;position:relative;overflow:hidden;padding-bottom:22px;}
.product .p_span .p_i{display:inline-block;padding:34px 32px 26px;min-width:124px;background:url(s_line.png) no-repeat right center;background-size:auto 100%;cursor:pointer;}
.product .p_span .p_i:nth-child(10){background:none;}
.product .p_span .p_i i{display:inline-block;width:100%;height:51px;background-repeat:no-repeat;background-image:url(pc_icon.png);
    -webkit-transition:all .3s ease;
       -moz-transition:all .3s ease;
        -ms-transition:all .3s ease;
            transition:all .3s ease;}
.product .p_span .p_i i.icon10{background-position:left bottom;}
.product .p_span .p_i i.icon2{background-position:-60px bottom;}
.product .p_span .p_i i.icon5{background-position:-120px bottom;}
.product .p_span .p_i i.icon1{background-position:-180px bottom;}
.product .p_span .p_i i.icon4{background-position:-240px bottom;}
.product .p_span .p_i i.icon6{background-position:-300px bottom;;}
.product .p_span .p_i i.icon3{background-position:-360px bottom;}
.product .p_span .p_i i.icon9{background-position:-420px bottom;}
.product .p_span .p_i i.icon7{background-position:-480px bottom;er;}
.product .p_span .p_i i.icon8{background-position:-540px bottom;}
.product .p_span .p_i p{margin:0;height:25px;line-height:25px;font-size:15px;margin-top:16px;color:#5c5c5c;}
.product .p_span .p_i.on{}
.product .p_span .p_i.on i.icon10{background-position:left top;}
.product .p_span .p_i.on i.icon2{background-position:-60px top;}
.product .p_span .p_i.on i.icon5{background-position:-120px top;}
.product .p_span .p_i.on i.icon1{background-position:-180px top;}
.product .p_span .p_i.on i.icon4{background-position:-240px top;}
.product .p_span .p_i.on i.icon6{background-position:-300px top;}
.product .p_span .p_i.on i.icon3{background-position:-360px top;}
.product .p_span .p_i.on i.icon9{background-position:-420px top;}
.product .p_span .p_i.on i.icon7{background-position:-480px top;}
.product .p_span .p_i.on i.icon8{background-position:-540px top;}
.product .p_span .p_i.on p{color:#ea0315;}
.product .p_span .dian{width:7px;height:41px;position:absolute;bottom:0;display:block;left:59px;}
.product .p_span .dian:before{content:'';width:7px;height:7px;border-radius:50%;background:#ea0315;position:absolute;left:0;top:0;}
.product .p_span .dian:after{content:'';width:1px;height:34px;background:#ea0315;position:absolute;left:3px;top:7px;}
.product .p_span .dw{width:59px;display:none;}
.product .p_wai{width:100%;overflow:hidden;position:relative;}
.product .p_wai_nei{width:1000%;height:auto;}
.product .p_content{width:10%;float:left;}
.product .p_content .p_banner{width:100%;padding-bottom:34.7%;position:relative;border-top:3px solid #EA0315;overflow:hidden;}
.product .p_content .p_banner img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.product .p_content.on .p_banner img{
    -webkit-animation:toSmall 1.5s ease-in-out;
       -moz-animation:toSmall 1.5s ease-in-out;
         -o-animation:toSmall 1.5s ease-in-out;
            animation:toSmall 1.5s ease-in-out;}
.product .p_content .p_txt{width:50%;position:absolute;right:0;top:40px;background:rgba(255,255,255,.95);padding:60px 83px 76px 50px;}
.product .p_content .p_txt p{margin:0;}
.product .p_content .p_txt p:first-child{height:40px;line-height:40px;font-size:30px;color:#252525;}
.product .p_content .p_txt p:nth-child(2){line-height:24px;font-size:15px;color:#3e3e3e;margin-top:16px;}
.product .p_content .p_txt a{width:150px;height:40px;line-height:38px;text-align:center;color:#3e3e3e;font-size:14px;border:1px solid #3e3e3e;display:inline-block;margin-top:43px;z-index:1;}
.product .p_content .p_txt a:hover{color:#fff;border-color:#EA0315;}
.product .p_content .p_txt a:hover:before{background:#EA0315;width:100%;}
.product .p_content .p_ul{width:100%;overflow:hidden;margin-top:12px;}
.product .p_content .p_ul .swiper-slide{display:block;}
.product .p_content .p_ul .p_img{width:100%;padding-bottom:75%;position:relative;z-index:9;overflow:hidden;border:1px solid rgba(232,232,232,.6);}
.product .p_content .p_ul .p_img img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:contain;}
.product .p_content .p_ul p{margin:0;text-align:center;height:60px;line-height:60px;font-size:16px;padding:0 10px;color:#000;background:#f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product .p_content .p_ul .swiper-slide:hover .p_img img{
    -webkit-transform:scale(1.05);
       -moz-transform:scale(1.05);
        -ms-transform:scale(1.05);
            transform:scale(1.05);}
/*contrast*/
.contrast{margin-top:33px;background:url(contrastbg.jpg) no-repeat center center;background-size:cover;padding:67px 0 99px;}
.contrast .container{overflow:hidden;}
.contrast .ct_left{width:50%;float:left;}
.contrast .ct_left .ct_title{padding-right:116px;}
.contrast .ct_left .ct_title p{margin:0;color:#FFF;}
.contrast .ct_left .ct_title p:first-child{height:40px;line-height:40px;font-size:30px;}
.contrast .ct_left .ct_title p:last-child{line-height:24px;font-size:15px;margin-top:23px;}
.contrast .ct_left .ct_txt{margin-top:18px;background:#F7F7F7;padding:10px 50px 56px 10px;}
.contrast .ct_left .ct_txt .ct_li{margin-top:20px;}
.contrast .ct_left .ct_txt .ct_li i{display:block;float:left;width:71px;height:71px;background:url(contrast_icon1.png) no-repeat center center;background-size:cover;}
.contrast .ct_left .ct_txt .ct_li .ct_p{padding-top:5px; width:calc(100% - 71px);padding-left:26px;float:right;}
.contrast .ct_left .ct_txt .ct_li .ct_p p{margin:0;}
.contrast .ct_left .ct_txt .ct_li .ct_p p:first-child{height:30px;line-height:30px;font-size:20px;color:#eb5c53;}
.contrast .ct_left .ct_txt .ct_li .ct_p p:last-child{line-height:21px;font-size:17px;color:#8c8c8c;}
.contrast .ct_right{width:50%;float:right;}
.contrast .ct_right .ctr_title{padding:0 110px 0 62px;}
.contrast .ct_right .ctr_title p{margin:0;color:#FFF;}
.contrast .ct_right .ctr_title p:first-child{height:40px;line-height:40px;font-size:30px;}
.contrast .ct_right .ctr_title p:last-child{line-height:36px;font-size:24px;margin-top:23px;}
.contrast .ct_right .ctr_txt{margin-top:18px;background:#FFF;padding:10px 23px 56px 45px;}
.contrast .ct_right .ctr_txt .ctr_li{margin-top:20px;position:relative;}
.contrast .ct_right .ctr_txt .ctr_li:nth-child(odd):before{content:'';width:42px;height:4px;background:#c4252a;position:absolute;left:-66px;top:50%;margin-top:-2px;}
.contrast .ct_right .ctr_txt .ctr_li i{display:block;float:left;width:71px;height:71px;background:url(contrast_icon2.png) no-repeat center center;background-size:cover;}
.contrast .ct_right .ctr_txt .ctr_li .ctr_p{padding-top:5px; width:calc(100% - 71px);padding-left:26px;float:right;}
.contrast .ct_right .ctr_txt .ctr_li .ctr_p p{margin:0;}
.contrast .ct_right .ctr_txt .ctr_li .ctr_p p:first-child{height:30px;line-height:30px;font-size:20px;color:#eb5c53;}
.contrast .ct_right .ctr_txt .ctr_li .ctr_p p:last-child{line-height:21px;font-size:17px;color:#707070;}
/*youshi*/
#youshibg{padding:55px 0 83px;overflow:hidden;}
.youshi{padding-top:22px;}
.youshi .ys_ul{}
.youshi .ys_ul .ys_li{width:24.25%;float:left;text-align:center;cursor:pointer;position:relative;background:#E9E9E9;margin-left:1%;height:70px;line-height:70px;font-size:18px;color:#2f2f2f;margin-top:10px;}
.youshi .ys_ul .ys_li:first-child{margin-left:0;}
.youshi .ys_ul .ys_li.on{background:#ea0315;color:#FFF;}
.youshi .ys_content{margin-top:18px;}
.youshi .ys_content .ys_wai{width:100%;overflow:hidden;position:relative;}
.youshi .ys_content .ys_wai_nei{width:400%;display:table;height:auto;}
.youshi .ys_content .ys_nei{display:table-cell;width:25%;}
.youshi .ys_content .ysc_left{width:50%;float:right;position:relative;}
.youshi .ys_content .ysc_left .ysc_img{width:100%;padding-bottom:79.55%;position:relative;}
.youshi .ys_content .ysc_left .ysc_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
.youshi .ys_content .ysc_left .ysc_icon{position:absolute;right:0;bottom:55px;background:#FFF;width:calc(100% + 61px);z-index:2;padding:27px 0 29px 50px;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_iw{width:100%;position:relative;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_iw:before{content:'';width:1px;height:calc(100% - 24px);background:#e5e5e5;position:absolute;left:32.2%;top:12px;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_iw:after{content:'';width:1px;height:calc(100% - 24px);background:#e5e5e5;position:absolute;right:32.2%;top:12px;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i{width:28.8%;margin-left:6.8%;float:left;text-align:center;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i:first-child{margin-left:0;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i i{display:block;width:100%;height:80px;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i i.icon1{background:url(youshi_icon1.png) no-repeat center center;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i i.icon2{background:url(youshi_icon2.png) no-repeat center center;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i i.icon3{background:url(youshi_icon3.png) no-repeat center center;}
.youshi .ys_content .ysc_left .ysc_icon .ysc_i p{margin:0;height:25px;line-height:25px;font-size:15px;color:#595959;margin-top:7px;}

.youshi .ys_content .ysc_right{width:50%;float:left;}
.youshi .ys_content .ysc_right .ysc_txt{width:100%;padding-bottom:79.55%;position:relative;background:url(youshi_bg.jpg) no-repeat center center;background-size:cover;z-index:1;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{width:100%;height:100%;position:absolute;left:0;top:0;padding:48px 40px 0;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title{position:relative;margin-bottom:30px;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title p{margin:0;height:107px;line-height:107px;font-size:130px;font-family:Impact;color:rgba(255,255,255,.3);}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct{position:absolute;left:65px;bottom:0;background:#3F3F3F;padding-top:5px;padding-left:15px;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span{display:block;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:first-child{font-size:20px;height:30px;line-height:30px;font-weight:bold;color:#FFF;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:last-child{font-size:16px;height:22px;line-height:22px;color:rgba(255,255,255,.45);}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp>p{margin:0;font-size:15px;line-height:24px;color:#FFF;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp>p:first-child{font-size:32px;height:36px;line-height:36px;text-transform:uppercase;color:#999;}
.youshi .ys_content .ysc_right .ysc_txt .ysc_pp a{display:none;width:160px;height:50px;line-height:50px;font-size:15px;color:#FFF;text-align:center;margin-top:59px;background:#ea0315;}

/*jishu*/
.jishu{padding:64px 0 40px;overflow:hidden;}
.jishu .js_ul{margin-top:36px;height:525px;position:relative;overflow:hidden;}
.jishu .js_ul .js_li{width:calc(100% - 495px);position:absolute;z-index:10;overflow:hidden;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;height:100%;}
.jishu .js_ul .js_li.js_li1{left:0;}
.jishu .js_ul .js_li.js_li2{left:calc(100% - 495px);}
.jishu .js_ul .js_li.js_li3{left:calc(100% - 330px);}
.jishu .js_ul .js_li.js_li4{left:calc(100% - 165px);}
.jishu .js_ul .js_li.js_li1.js_fl0{left:0;}
.jishu .js_ul .js_li.js_li2.js_fl0{left:calc(100% - 495px);}
.jishu .js_ul .js_li.js_li3.js_fl0{left:calc(100% - 330px);}
.jishu .js_ul .js_li.js_li4.js_fl0{left:calc(100% - 165px);}
.jishu .js_ul .js_li.js_li1.js_fl1{left:0;}
.jishu .js_ul .js_li.js_li2.js_fl1{left:165px;}
.jishu .js_ul .js_li.js_li3.js_fl1{left:calc(100% - 330px);}
.jishu .js_ul .js_li.js_li4.js_fl1{left:calc(100% - 165px);}
.jishu .js_ul .js_li.js_li1.js_fl2{left:0;}
.jishu .js_ul .js_li.js_li2.js_fl2{left:165px;}
.jishu .js_ul .js_li.js_li3.js_fl2{left:330px;}
.jishu .js_ul .js_li.js_li4.js_fl2{left:calc(100% - 165px);}
.jishu .js_ul .js_li.js_li1.js_fl3{left:0;}
.jishu .js_ul .js_li.js_li2.js_fl3{left:165px;}
.jishu .js_ul .js_li.js_li3.js_fl3{left:330px;}
.jishu .js_ul .js_li.js_li4.js_fl3{left:495px;}
.jishu .js_ul .js_li .js_txt{width:165px;height:100%;overflow:hidden;position:relative;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;border-right:1px solid #D1D1D1;float:left;background:#FFF;cursor:pointer;background:#E9E9E9;}
.jishu .js_ul .js_li:first-child .js_txt{border-left:1px solid #D1D1D1;}
.jishu .js_ul .js_li .js_txt span{text-align:center;}
.jishu .js_ul .js_li .js_txt .span_num{display:block;font-size:36px;height:36px;line-height:36px;font-family:Impact;color:#ababab;margin-top:36px;}
.jishu .js_ul .js_li .js_txt i{display:block;width:32px;height:1px;margin:11px auto 39px;background:#ababab;}
.jishu .js_ul .js_li .js_txt .js_pp{}
.jishu .js_ul .js_li .js_txt .js_pp p{margin:0;font-size:20px;color:#ABABAB;width:30px;text-align:center;float:right;line-height:30px;margin-right:53px;font-weight:bold;-webkit-writing-mode: vertical-rl;writing-mode:vertical-rl;letter-spacing:8px;}
.jishu .js_ul .js_li .js_txt .js_pp .p_span{line-height:16px;text-align:center;font-size:14px;color:#ABABAB;float:right;-webkit-writing-mode: vertical-rl;writing-mode:vertical-rl;text-transform:uppercase;margin-right:4px;letter-spacing:2px;}
.jishu .js_ul .js_li .js_img{width:calc(100% - 165px);float:right;background:#FFF;}
.jishu .js_ul .js_li .js_img .j_img{width:100%;padding-bottom:79.55%;position:relative;}
.jishu .js_ul .js_li .js_img .j_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.jishu .js_ul .js_li .js_img .j_txt{position:absolute;left:0;top:0;background:rgba(255,255,255,.7);width:70%;padding:30px 15px 30px 20px;}
.jishu .js_ul .js_li .js_img .j_txt p{margin:0;font-size:14px;line-height:24px;color:#333;}
.jishu .js_ul .js_li .js_img .j_txt p:first-child{font-size:24px;height:34px;line-height:34px;color:#e60619;font-weight:bold;}
.jishu .js_ul .js_li .js_img .j_txt span{display:block;font-size:16px;height:20px;line-height:20px;color:#e60619;margin-top:5px;text-transform:uppercase;margin-bottom:16px;}
.jishu .js_ul .js_li .js_img .j_txt p.p1{position:relative;padding-left:15px;}
.jishu .js_ul .js_li .js_img .j_txt p.p1:before{content:'';width:7px;height:7px;background:#333;border-radius:50%;position:absolute;left:0;top:8px;}
.jishu .js_ul .js_li .js_img .j_txt .j_icon{margin-top:30px;}
.jishu .js_ul .js_li .js_img .j_txt .j_icon .j_i{width:calc(100%/3);float:left;text-align:center;position:relative;}
.jishu .js_ul .js_li .js_img .j_txt .j_icon .j_i:before{content:'';width:1px;height:calc(100% - 24px);background:#CCC;position:absolute;left:0;top:12px;}
.jishu .js_ul .js_li .js_img .j_txt .j_icon .j_i:first-child:before{content:none;}
.jishu .js_ul .js_li .js_img .j_txt .j_icon .j_i i{display:block;width:100%;height:60px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.jishu .js_ul .js_li .js_img .j_txt .j_icon .j_i i.icon1{background-image:url(youshi_icon1.png);}
.jishu .js_ul .js_li .js_img .j_txt .j_icon .j_i i.icon2{background-image:url(youshi_icon2.png);}
.jishu .js_ul .js_li .js_img .j_txt .j_icon .j_i i.icon3{background-image:url(youshi_icon3.png);}
.jishu .js_ul .js_li .js_img .j_txt .j_icon .j_i p{margin:0;height:24px;line-height:24px;font-size:14px;color:#595959;margin-top:5px;}
.jishu .js_ul .js_li.on .js_txt{background:#ea0315;border-right:none;}
.jishu .js_ul .js_li.on:first-child .js_txt{border-left:none;}
.jishu .js_ul .js_li.on .js_txt i{background:#FFF;}
.jishu .js_ul .js_li.on .js_txt span{color:#FFF;}
.jishu .js_ul .js_li.on .js_txt .js_pp em.icon1{background-image:url(js_icon1_hover.png);}
.jishu .js_ul .js_li.on .js_txt .js_pp em.icon2{background-image:url(js_icon2_hover.png);}
.jishu .js_ul .js_li.on .js_txt .js_pp em.icon3{background-image:url(js_icon3_hover.png);}
.jishu .js_ul .js_li.on .js_txt .js_pp em.icon4{background-image:url(js_icon4_hover.png);}
.jishu .js_ul .js_li.on .js_txt .js_pp p{color:#FFF;}
.jishu .js_ul .js_li.on .js_txt .js_pp span{color:#FFF;}
/*info*/
.info{padding:40px 0;}
.info .in_left{width:48.5%;float:left;}
.info .in_left p{margin:0;font-size:16px;line-height:28px;}
.info .in_left i{display:block;width:50px;height:2px;margin:20px 0;background:#ea0315;}
.info .in_left p:first-child{font-size:26px;height:36px;line-height:36px;font-weight:bold;color:#333;}
.info .in_left .il_num{margin-top:30px;font-size:0;-webkit-text-size-adjust:none;}
.info .in_left .il_num .iln_span{width:32%;float:left;padding-left:30px;position:relative;border-left:1px solid #CCC;}
.info .in_left .il_num .iln_span:before{content:'';width:2px;background:#ea0315;height:50%;position:absolute;left:-1px;top:0;}
.info .in_left .il_num .iln_span:first-child{width:36%;}
.info .in_left .il_num .iln_span span{display:block;font-size:16px;color:#454545;height:60px;line-height:60px;}
.info .in_left .il_num .iln_span span em{font-style:normal;font-size:50px;color:#333;font-family:Arial;}
.info .in_left .il_num .iln_span p{font-size:15px;line-height:24px;margin-top:10px;color:#454545;}
.info .in_left a{display:block;width:160px;height:45px;line-height:45px;background:#e60113;color:#FFF;text-align:center;margin-top:29px;}
.info .in_left a:hover{background:#bd0716;}
.info .in_right{width:48.5%;float:right;}
.info .in_right .in_video{width:100%;padding-bottom:56.25%;position:relative;}
.info .in_right .in_video video{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
.info .inv_list{margin-top:40px;overflow:hidden;}
.info .inv_list .inv_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;}
.info .inv_list .inv_img:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.3);z-index:1;}
.info .inv_list .inv_img:after{content:'';width:64px;height:64px;position:absolute;left:50%;margin-left:-32px;top:50%;margin-top:-32px;background:url(videoicon.png) no-repeat center center;background-size:100%;z-index:2;
    -webkit-transition:all 0.7s;
       -moz-transition:all 0.7s;
         -o-transition:all 0.7s;
            transition:all 0.7s;}
.info .inv_list .inv_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.info .inv_list p{margin:0;height:40px;line-height:40px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f5f5f5;text-align:center;}
.info .inv_list .swiper-slide:hover .inv_img img{
    -webkit-transform:scale(1.05);
       -moz-transform:scale(1.05);
        -ms-transform:scale(1.05);
            transform:scale(1.05);}
.info .inv_list .swiper-slide:hover .inv_img:after{margin-top:-42px;}
/*hezuo*/
#hezuobg{padding:79px 0 100px;background:url(hezuobg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;overflow:hidden;}
#hezuobg .pb_title:before{content:'Partner';text-transform:uppercase;height:74px;line-height:74px;font-size:100px;font-family:Arial;font-weight:bold;color:#e1e1e1;position:absolute;top:7px;left:50%;transform:translateX(-50%);}
.hezuo{margin-top:57px;overflow:hidden;width:100%;display:inline-block;}
.hezuo .hz_li{border-left:1px solid #f4f4f4;border-right:1px solid #e0e0e0;border-bottom:1px solid #ddd;padding:10px;background:#FFF;}
.hezuo .hz_li .hz_img{width:100%;padding-bottom:47.52%;position:relative;}
.hezuo .hz_li .hz_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:contain;}
.hezuo .swiper-slide:hover .hz_li{
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2) inset;
       -moz-box-shadow:0 0 10px rgba(0,0,0,0.4) inset;
         -o-box-shadow:0 0 10px rgba(0,0,0,0.4) inset;
            box-shadow:0 0 10px rgba(0,0,0,0.2) inset;}
.hezuo .swiper-slide:hover .hz_li .hz_img img{transform:scale(0.9);}
/*news*/
#newsbg{background:#F9F9F9;padding:41px 0 76px;overflow:hidden;}
#newsbg .container{overflow:hidden;}
.news_span{margin-top:26px;font-size:0;-webkit-text-size-adjust:none;text-align:center;}
.news_span .a_span{display:inline-block;width:160px;height:40px;line-height:38px;border:1px solid #ebebeb;color:#333;font-size:15px;text-align:center;margin-left:20px;cursor:pointer;position:relative;z-index:1;}
.news_span .a_span:first-child{margin-left:0;}
.news_span .a_span.on,.news_span .a_span:hover{border:1px solid #ea0315;color:#FFF;}
.news_span .a_span.on:before,.news_span .a_span:hover:before{background:#ea0315;width:100%;}
.news{margin-top:10px;}
.news .news_li{width:calc(100% - 660px);float:left;margin-top:30px;background:#FFF;border:1px solid #EBEBEB;display:block;}
.news .news_li:first-child{width:660px;padding:0 30px 0 0;background:none;border:none;}
.news .news_li .news_img{width:100%;padding-bottom:285px;position:relative;overflow:hidden;background:#FFF;}
.news .news_li .news_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:contain;}
.news .news_li .news_p{padding:12px 35px 4px 10px;position:relative;background:#FFF;}
.news .news_li .news_p:before{content:'';width:1px;height:58px;background:#ebebeb;position:absolute;left:129px;top:20px;}
.news .news_li .news_p .news_time{width:129px;padding:3px 0 10px 5px;position:relative;float:left;text-align:center;}
.news .news_li .news_p .news_time span{display:block;font-family:Arial;font-size:14px;color:#666;height:16px;line-height:16px;}
.news .news_li .news_p .news_time span:first-child{height:50px;line-height:50px;font-size:50px;font-weight:bold;}
.news .news_li .news_p .pp{width:calc(100% - 129px);padding-left:22px;float:right;}
.news .news_li .news_p .pp p{margin:0;}
.news .news_li .news_p .pp p:first-child{color:#333;font-size:16px;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .news_li .news_p .pp p:last-child{color:#666;line-height:23px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:46px;margin-top:6px;}
.news .news_li .news_pp{}
.news .news_li .news_pp .time{width:113px;padding:21px 0 19px 0;position:relative;float:left;border-right:1px solid #ebebeb;text-align:center;}
.news .news_li .news_pp .time span{display:block;font-family:Arial;font-size:14px;color:#666;height:16px;line-height:16px;}
.news .news_li .news_pp .time span:first-child{height:50px;line-height:50px;font-size:50px;font-weight:bold;margin-top:2px;}
.news .news_li .news_pp .n_p{width:calc(100% - 113px);float:right;padding:15px 35px 15px 25px;}
.news .news_li .news_pp .n_p p{margin:0;}
.news .news_li .news_pp .n_p p:first-child{color:#333;font-size:16px;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .news_li .news_pp .n_p p:last-child{color:#666;line-height:23px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:46px;margin-top:6px;}
.news .news_li:hover .news_img img{
    -webkit-transform:scale(1.05);
       -moz-transform:scale(1.05);
        -ms-transform:scale(1.05);
            transform:scale(1.05);}
.news .news_li:hover .news_p{background:#ea0315;}
.news .news_li:hover .news_p:before{background:#FFF;}
.news .news_li:hover .news_p .news_time span{color:#FFF;}
.news .news_li:hover .news_p .pp p{color:#FFF;}
.news .news_li:hover .news_pp{background:#ea0315;}
.news .news_li:hover .news_pp .time span{color:#FFF;}
.news .news_li:hover .news_pp .n_p p{color:#FFF;}
/*foot*/
#footbg{background:#1C1C1C;}
.foot{position:relative;padding:50px 0;}
.foot:before{content:'';width:1px;height:100%;position:absolute;left:50%;top:0;background:rgba(255,255,255,.1);}
.foot .f_left{width:50%;float:left;position:relative;}
.foot .f_left .f_title{background:url(foot_phone.png) no-repeat left center;background-size:auto 100%;padding:3px 0 3px 70px;}
.foot .f_left .f_title p{margin:0;}
.foot .f_left .f_title p:first-child{color:#d5d5d5;height:18px;line-height:18px;font-size:14px;}
.foot .f_left .f_title p:last-child{color:#fffefe;height:30px;line-height:30px;font-size:30px;margin-top:4px;font-weight:bold;}
.foot .f_left .f_contact{margin-top:23px;}
.foot .f_left .f_contact p{margin:0;line-height:25px;color:#6f6e6e;font-size:14px;}
.foot .f_left .f_contact .p_span{display:inline-block;margin-left:50px;}
.foot .f_left .f_contact .p_span.ml{margin-left:0;}
.foot .f_left .f_bottom{margin-top:48px;}
.foot .f_left .f_bottom span{display:inline-block;line-height:25px;color:#6f6e6e;}
.foot .f_left .f_bottom a{color:#6f6e6e;}
.foot .f_right{width:50%;float:right;padding-left:23px;}
.foot .f_right input{height:45px;line-height:45px;background:#838384;padding:0 10px;float:left;outline:none;margin-top:15px;}
.foot .f_right .input1{width:49%;}
.foot .f_right .input2{width:49%;margin-left:2%;}
.foot .f_right .f_content{width:100%;margin-top:15px;padding:10px;background:#838384;height:74px;line-height:27px;}
.foot .f_right .foot_btn{width:49%;background:#DB353D;display:block;color:#FFF;text-align:center;font-size:14px;outline:none;display:block;height:45px;line-height:45px;margin-top:15px;float:right;cursor:pointer;}
.foot .f_right p{margin:0;margin-top:21px;font-size:14px;color:#6f6e6e;height:24px;line-height:24px;text-align:right;}
/*friendlink*/
#friendlinkbg{background:#141414;padding:31px 0 36px;}
.friendlink{position:relative;font-size:0;-webkit-text-size-adjust:none;background:url(link_icon.png) no-repeat left 4px;padding-left:25px;}
.friendlink a{color:rgba(153,153,153,.3);white-space:nowrap;display:inline-block;font-size:14px;height:24px;line-height:24px;position:relative;padding:0 15px;}
/*stylepbulic*/
#stylepbulic{width:100%;height:340px;background-repeat:no-repeat;background-position:center top;background-size:cover;}
#stylesubnav{width:100%;border-bottom:1px solid #E5E5E5;background:#eff0f1;}
#stylesubnav .xq_c{padding:0;position:relative;}
#stylesubnav .xq_crumbs{background:url(position.png) no-repeat left 23px;background-size:auto 12px;line-height:30px;padding:15px 0 15px 20px;color:#999;}
#stylesubnav .xq_crumbs a{color:#999;}
.xq_nav{position:absolute;left:0;top:-91px;border-left:1px solid #D5D5D5;font-size:0;-webkit-text-size-adjust:none;}
.xq_nav a{display:inline-block;height:60px;line-height:60px;padding:0 50px;text-align:center;position:relative;font-size:16px;color:#3F3F3F;border-right:1px solid #D5D5D5;}
.xq_nav a.on{background:#DB353D;color:#FFF;}
.xq_nav a.on .san{position:absolute;left:50%;margin-left:-10px;bottom:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #1767CA;display:block;}
#stylesubnav .xq_c .xq_left{float:left;}
#stylesubnav .xq_c .xq_right{float:right;}
/*px*/
#px_banner{width:100%;padding-bottom:462px;position:relative;z-index:9;overflow:hidden;}
#px_banner img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;display:block;
    -webkit-animation:toSmall 1.5s ease-in-out;
       -moz-animation:toSmall 1.5s ease-in-out;
         -o-animation:toSmall 1.5s ease-in-out;
            animation:toSmall 1.5s ease-in-out;}
.px_txt{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);text-align:center;}
.px_txt p{margin:0;color:#FFF;}
.px_txt p:first-child{font-size:44px;height:44px;line-height:44px;font-weight:bold;font-family:Arial;text-transform:uppercase;}
.px_txt p:nth-child(2){height:60px;line-height:60px;margin-top:5px;font-size:48px;font-weight:bold;}
.px_txt h1{margin:0;color:#FFF;height:60px;line-height:60px;margin-top:5px;font-size:48px;font-weight:bold;}
.px_txt .mbx{background:url(zhuye.png) no-repeat left center;line-height:18px;display:inline-block;padding-left:22px;margin-top:10px;color:#FFF;}

.px_txt .mbx a{color:#FFF;}
/*newsnav*/
#newsnavbg{background:#FFF;border-bottom:1px solid #E5E5E5;}
.newsnav{font-size:0;-webkit-text-size-adjust:none;text-align:center;}
.newsnav .newsnav_li{display:inline-block;padding:0 40px;border-left:1px solid #d5d5d5;font-size:16px;}
.newsnav .newsnav_li:first-child{border-left:none;}
.newsnav .newsnav_li a{height:67px;line-height:67px;padding:0 17px;display:inline-block;}
.newsnav .newsnav_li.on a{color:#db353d;}
.newsnav .newsnav_li a:hover,.newsnav .newsnav_li.on a{color:#db353d;}
.newsnav .newsnav_li a:hover:after,.newsnav .newsnav_li.on a:after{width:100%;}

.pnav_ul{font-size:0;-webkit-text-size-adjust:none;text-align:left;margin-top:-70px;position:relative;z-index:10;}
.pnav_ul a{height:34px;line-height:34px;background:#FFF;display:inline-block;margin-right:15px;font-size:16px;color:#444;padding:0 29px;}
.pnav_ul a:last-child{margin-right:0;}
.pnav_ul a.on{background:#9D48A5;color:#FFF;}
/*npb_title*/
.npb_title{text-align:center;}
.npb_title.mt1{margin-top:34px;}
.npb_title h2,.npb_title h1{margin:0;font-size:40px;height:50px;line-height:50px;font-weight:bold;color:#000;}
.npb_title i{display:inline-block;width:31px;height:2px;background:#db353d;margin-top:6px;}
.npb_title p{margin:0;font-size:16px;line-height:30px;color:#909090;margin-top:31px;}
.npb_title p.pt1{margin-top:10px;}

/*视频弹出*/
#tan_box{display:none;position:fixed;left:0px;top:0px;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.8);z-index:1000;}
.tan_box{position:absolute;left:0px;top:0px;right:0px;bottom:0px;padding:50px;display:-webkit-box;display:-moz-box;display:-webkit-flex;
    display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.tan_box .box{position:relative;background:#fff url(loading.gif) center center no-repeat;padding:10px;box-shadow:0 0 15px #ccc;border-radius:5px 0 5px 5px;}
.tan_box .box video{max-width:1000px;width:100%;height:auto;display:block;overflow:hidden;}
.tan_box .v_close{width:36px;height:36px;text-align:center;position:absolute;right:0px;top:-36px;cursor:pointer;box-shadow:0 0 5px #ccc;border-radius:5px 5px 0 0;background:url(closeicon.png) no-repeat center center #FFF;}

/*电脑浮动*/
.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:10px;z-index:999;width:72px;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#E53241;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#E53241;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#E53241;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#E53241;}
.izl-rmenu .btn-phone .phone{background-color:#E53241;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*手机浮动*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display:none;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(kf4.png) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}
/*视频弹出*/
#videobg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999999;text-align:center;display:none;}
.video{padding:10px;width:60%;height:auto;background:#FFF;position:absolute;left:20%;top:50%;transform:translateY(-50%);}
.video .v_iframe{width:100%;padding-bottom:66.66%;position:relative;}
.video .v_iframe iframe{width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
.video .v_video video{width:100%;height:100%;display:block;}
.video p{height:60px;line-height:60px;color:#000;}
.video span{width:40px;height:40px;background:#000;color:#FFF;font-size:20px;line-height:40px;text-align:center;position:absolute;outline:none;top:0;right:-40px;cursor:pointer;display:block;font-family:Arial;}


/*1520以上屏幕*/
@media (min-width:1620px){
	.container{width:1320px;}
}
/*1520以下屏幕*/
@media screen and (max-width:1619px){
	#topwrap{height:90px;}
    .top .logo{margin:16px 0;height:58px;}
    .top .pcnav .firstfloor .f_ul{margin-left:0;}
    .top .pcnav .firstfloor .f_li>a{height:90px;line-height:90px;font-size:16px;padding:0 10px;}
    .top .pcnav .t_phone{margin:28px 0 29px;padding-left:15px;}
    .top .pcnav .t_phone i{width:28px;height:29px;background-size:100%;}
    .top .pcnav .t_phone span{font-size:20px;margin-left:0;}
    .top .pcnav .t_phone .t_en{background-size:26px auto;padding-left:28px;margin-left:10px;}
    .top_nav{top:90px;padding:40px 0 30px;}
    .top_nav .tn_left p:first-child{font-size:22px;height:28px;line-height:28px;}
    .top_nav .tn_ul{margin-left:3%;padding-left:3%;}
    .top_nav .tn_ul a{font-size:16px;height:40px;line-height:40px;}
    .top_nav .tn_right img{max-width:265px;}
	.index_banner{padding-bottom:630px;}
	.index_banner .swiper-pagination-bullets{bottom:30px!important;}
	.container{width:1320px;}
	.f_item{padding:0 180px;}
	.f_item .swiper-button-next{right:46px;}
	.f_item .swiper-button-prev{left:46px;}
}
/*1200以上屏幕*/
@media screen and (max-width:1349px){
	.container{width:1200px;}
	#topwrap{height:76px;}
	.top .logo{margin:15px 0 14px;height:47px;}
    .top .pcnav .firstfloor .f_ul{margin-left:0;}
    .top .pcnav .firstfloor .f_li>a{height:76px;line-height:76px;font-size:15px;padding:0 10px;}
    .top .pcnav .t_phone{margin:24px 0;padding-left:15px;}
    .top .pcnav .t_phone i{width:24px;height:24px;}
    .top .pcnav .t_phone span{font-size:20px;margin-left:0;height:28px;line-height:28px;}
    
    .top_nav{top:76px;padding:30px 0;}
    .top_nav .tn_left p{font-size:13px;}
    .top_nav .tn_left p:first-child{font-size:20px;height:26px;line-height:26px;margin-bottom:6px;}
    .top_nav .tn_left a{margin-top:10px;}
    .top_nav .tn_left a span{height:38px;line-height:36px;font-size:13px;}
    .top_nav .tn_left a i{height:36px;line-height:36px;}
    .top_nav .tn_ul{margin-left:3%;padding-left:3%;}
    .top_nav .tn_ul a{font-size:15px;height:36px;line-height:36px;}
    .top_nav .tn_ul a:before{top:16px;}
    .top_nav .tn_right img{max-width:220px;}
	.index_banner{padding-bottom:520px;}
	.index_banner .swiper-pagination-bullets{bottom:20px!important;}
	.index_banner .swiper-pagination-bullet{width:10px;height:10px;}
	.pb_title h2{font-size:30px;height:40px;line-height:40px;}
	.pb_title p{font-size:14px;line-height:24px;}
	.pb_title p:before{top:12px;}
	.pb_title p:after{top:12px;}
	.product{padding:30px 0;}
	.product .p_span .p_i{min-width:120px;padding:30px 15px 20px;}
    .product .p_span .p_i i{max-width:60px;}
	.product .p_span .dian{left:53px;}
	.product .p_span .dw{width:53px;}
	.product .p_content .p_txt{padding:50px 83px 66px 50px;}
	.contrast{margin-top:26px;padding:40px 0;}
	.contrast .ct_left .ct_title p:first-child{font-size:24px;height:32px;line-height:32px;}
	.contrast .ct_left .ct_title p:last-child{font-size:14px;line-height:22px;margin-top:16px;}
	.contrast .ct_left .ct_title{padding-right:70px;}
	.contrast .ct_left .ct_txt .ct_li .ct_p p:last-child{font-size:15px;}
	.contrast .ct_right .ctr_title p:first-child{font-size:24px;height:32px;line-height:32px;}
	.contrast .ct_right .ctr_title p:last-child{font-size:20px;line-height:33px;margin-top:16px;}
	.contrast .ct_right .ctr_txt .ctr_li .ctr_p p:last-child{font-size:15px;}
	#youshibg{padding:40px 0;}
	.youshi{padding-top:10px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp a{margin-top:36px;}
    .jishu{padding:40px 0 25px;}
    .jishu .js_ul{margin-top:26px;height:430px;}
    .jishu .js_ul .js_li .js_img .j_txt{width:90%;}
    .info{padding:30px 0 30px;}
    .info .in_left p{font-size:15px;line-height:26px;}
    .info .in_left p:first-child{font-size:20px;height:30px;line-height:30px;}
    .info .in_left i{margin:15px 0;}
    .info .in_left .il_num .iln_span{padding-left:25px;}
    .info .in_left .il_num .iln_span span{height:50px;line-height:50px;}
    .info .in_left .il_num .iln_span span em{font-size:40px;}
    .info .inv_list{margin-top:30px;}
	#hezuobg{padding:40px 0;}
	#hezuobg .pb_title:before{font-size:74px;}
	.hezuo{margin-top:30px;}
	#newsbg{padding:40px 0;}
	.news_span{margin-top:16px;}
	.news{margin-top:0;}
}
/*1200以下屏幕*/
@media screen and (max-width:1229px){
	.container{width:994px;}
    #topwrap{height:70px;}
    .top .logo{margin:14px 0;height:42px;}
    .top .pcnav .firstfloor .f_li>a{height:70px;line-height:70px;font-size:14px;padding:0 11px;}
    .top .pcnav .t_phone{margin:24px 0 20px;}
    .top .pcnav .t_phone:before{top:6px;}
    .top .pcnav .t_phone .t_p{display:none;}
    .top .pcnav .t_phone .t_en{font-size:14px;height:26px;line-height:26px;background-size:20px auto;padding-left:26px;margin-left:0;}


    .top_nav{top:70px;padding:20px 0;}
    .top_nav .tn_left a span{height:38px;line-height:36px;font-size:13px;}
    .top_nav .tn_left a i{height:36px;line-height:36px;}
    .top_nav .tn_ul{margin-left:3%;padding-left:3%;}
    .top_nav .tn_ul a{font-size:14px;height:30px;line-height:30px;}
    .top_nav .tn_ul a:before{top:13px;}
    .top_nav .tn_right img{max-width:190px;}
	.pb_title h2{font-size:26px;height:36px;line-height:36px;}
	.pb_title p{margin-top:8px;font-size:13px;}
	.product{padding:26px 0;}
	.product .p_span .p_i{min-width:99px;padding:15px 11px 15px;}
	.product .p_span .p_i i{height:46px;background-size:auto 92px;max-width:54px;}
    .product .p_span .p_i i.icon66{background-position:left bottom;}
    .product .p_span .p_i i.icon69{background-position:-54px bottom;}
    .product .p_span .p_i i.icon82{background-position:-108px bottom;}
    .product .p_span .p_i i.icon85{background-position:-162px bottom;}
    .product .p_span .p_i i.icon86{background-position:-216px bottom;}
    .product .p_span .p_i i.icon87{background-position:-270px bottom;;}
    .product .p_span .p_i i.icon88{background-position:-324px bottom;}
    .product .p_span .p_i i.icon89{background-position:-378px bottom;}
    .product .p_span .p_i i.icon90{background-position:-432px bottom;er;}
    .product .p_span .p_i i.icon91{background-position:-486px bottom;}
    .product .p_span .p_i.on i.icon66{background-position:left top;}
    .product .p_span .p_i.on i.icon69{background-position:-54px top;}
    .product .p_span .p_i.on i.icon82{background-position:-108px top;}
    .product .p_span .p_i.on i.icon85{background-position:-162px top;}
    .product .p_span .p_i.on i.icon86{background-position:-216px top;}
    .product .p_span .p_i.on i.icon87{background-position:-270px top;}
    .product .p_span .p_i.on i.icon88{background-position:-324px top;}
    .product .p_span .p_i.on i.icon89{background-position:-378px top;}
    .product .p_span .p_i.on i.icon90{background-position:-432px top;}
    .product .p_span .p_i.on i.icon91{background-position:-486px top;}
	.product .p_span .p_i p{font-size:13px;height:23px;line-height:23px;margin-top:8px;}
	.product .p_span .dian{bottom:0;left:46px;height:27px;}
    .product .p_span .dian:after{height:23px;}
	.product .p_span .dw{width:46px;}
	.product .p_content .p_txt{padding:30px 30px 40px 46px;}
	.product .p_content .p_txt p:first-child{font-size:24px;height:32px;line-height:32px;}
	.product .p_content .p_txt p:nth-child(2){font-size:14px;line-height:24px;margin-top:10px;}
	.product .p_content .p_txt a{margin-top:20px;}
	.product .p_content .p_ul p{font-size:15px;height:50px;line-height:50px;}
	.contrast{margin-top:16px;padding:30px 0;}
	.contrast .ct_left .ct_title{padding-right:30px;}
	.contrast .ct_left .ct_title p:last-child{font-size:13px;}
	.contrast .ct_left .ct_txt .ct_li .ct_p p:first-child{font-size:18px;}
	.contrast .ct_left .ct_txt .ct_li:nth-child(3) .ct_p p:last-child{height:42px;}
	.contrast .ct_left .ct_txt .ct_li:nth-child(5) .ct_p p:last-child{height:42px;}
	.contrast .ct_right .ctr_title{padding:0 50px 0 30px;}
	.contrast .ct_right .ctr_txt .ctr_li .ctr_p p:first-child{font-size:18px;}
	.contrast .ct_right .ctr_txt .ctr_li:nth-child(4) .ctr_p p:last-child{height:42px;}
	#youshibg{padding:30px 0;}
	.youshi .ys_ul .ys_li{font-size:16px;height:50px;line-height:50px;}
	.youshi .ys_content .ysc_left .ysc_icon{width:100%;left:0;padding:20px 0 20px 0;bottom:20px;}
	.youshi .ys_content .ysc_left .ysc_icon .ysc_i i{height:50px;background-size:auto 100%!important;}
	.youshi .ys_content .ysc_left .ysc_icon .ysc_i p{font-size:13px;height:22px;line-height:22px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{padding:26px 20px 0;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title{margin-bottom:16px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title p{font-size:96px;height:80px;line-height:80px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct{left:50px;padding-left:10px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:first-child{font-size:16px;height:24px;line-height:24px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:last-child{font-size:14px;height:20px;line-height:20px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp>p{font-size:13px;line-height:22px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp a{margin-top:30px;}
    .jishu{padding:30px 0 20px;}
    .jishu .js_ul{margin-top:26px;height:409px;}
    .jishu .js_ul .js_li{width:calc(100% - 360px);}
    .jishu .js_ul .js_li .js_txt{width:120px;}
    .jishu .js_ul .js_li .js_txt .js_pp p{margin-right:30px;}
    .jishu .js_ul .js_li .js_img{width:calc(100% - 120px);}
    .jishu .js_ul .js_li .js_img .j_txt{width:90%;padding:20px 10px 20px 15px;}
    .jishu .js_ul .js_li .js_img .j_txt .j_icon{margin-top:20px;}
    .jishu .js_ul .js_li.js_li1{left:0;}
    .jishu .js_ul .js_li.js_li2{left:calc(100% - 360px);}
    .jishu .js_ul .js_li.js_li3{left:calc(100% - 240px);}
    .jishu .js_ul .js_li.js_li4{left:calc(100% - 120px);}
    .jishu .js_ul .js_li.js_li1.js_fl0{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl0{left:calc(100% - 360px);}
    .jishu .js_ul .js_li.js_li3.js_fl0{left:calc(100% - 240px);}
    .jishu .js_ul .js_li.js_li4.js_fl0{left:calc(100% - 120px);}
    .jishu .js_ul .js_li.js_li1.js_fl1{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl1{left:120px;}
    .jishu .js_ul .js_li.js_li3.js_fl1{left:calc(100% - 240px);}
    .jishu .js_ul .js_li.js_li4.js_fl1{left:calc(100% - 120px);}
    .jishu .js_ul .js_li.js_li1.js_fl2{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl2{left:120px;}
    .jishu .js_ul .js_li.js_li3.js_fl2{left:240px;}
    .jishu .js_ul .js_li.js_li4.js_fl2{left:calc(100% - 120px);}
    .jishu .js_ul .js_li.js_li1.js_fl3{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl3{left:120px;}
    .jishu .js_ul .js_li.js_li3.js_fl3{left:240px;}
    .jishu .js_ul .js_li.js_li4.js_fl3{left:360px;}
    .info{padding:20px 0 30px;}
    .info .in_left p{font-size:14px;line-height:24px;}
    .info .in_left i{margin:10px 0;}
    .info .in_left .il_num{margin-top:20px;}
    .info .in_left .il_num .iln_span{padding-left:20px;}
    .info .in_left .il_num .iln_span span{height:36px;line-height:36px;font-size:14px;}
    .info .in_left .il_num .iln_span span em{font-size:30px;}
    .info .in_left .il_num .iln_span p{font-size:14px;line-height:24px;margin-top:6px;}
    .info .in_left a{margin-top:20px;}
    .info .inv_list{margin-top:20px;}
	#hezuobg{padding:26px 0;}
	.hezuo{margin-top:20px;}
	#newsbg{padding:30px 0;}
	.news .news_li{width:calc(100% - 497px);margin-top:20px;}
	.news .news_li:first-child{width:497px;padding:0 20px 0 0;}
	.news .news_li .news_img{padding-bottom:265px;}
	.foot{padding:30px 0;}
	#friendlinkbg{padding:20px 0;}
	
	#lefttop{display:none;}
	#px_banner{padding-bottom:360px;}
	.px_txt p:first-child{font-size:46px;height:46px;line-height:46px;}
	.px_txt p:nth-child(2){font-size:36px;height:46px;line-height:46px;}
	.px_txt h1{font-size:36px;height:46px;line-height:46px;}
	.npb_title.mt1{margin-top:26px;}
	.npb_title h2,.npb_title h1{font-size:30px;height:40px;line-height:40px;}
	.npb_title p{font-size:15px;line-height:24px;margin-top:16px;}
	.newsnav .newsnav_li a{height:60px;line-height:60px;}

}
/*992以下屏幕*/
@media screen and (max-width:1023px){
	.container{width:740px;}
	.topbg{display:block;}
  .top .pcnav{display:none;}
  .top .nav{display:block;}
	.top .nav_bg.nav_bg1{height:70px;height:calc(100% - 70px);}
	.top .pcnav .nav_box.nav_box1{top:70px;}
	.index_banner{padding-bottom:50%;}
	.index_banner .swiper-pagination-bullets{bottom:10px!important;}
	.pb_title h2{font-size:22px;height:30px;line-height:30px;}
	.pb_title p{font-size:12px;line-height:20px;}
	.pb_title p:before{top:10px;}
	.pb_title p:after{top:10px;}
	.product{padding:20px 0;}
	.product .p_span{margin-top:0;}
	.product .p_span .p_i{min-width:74px;padding:15px 0;}
	.product .p_span .p_i i{height:30px;max-width:35px;background-size:auto 60px;}
    .product .p_span .p_i i.icon66{background-position:left bottom;}
    .product .p_span .p_i i.icon69{background-position:-35px bottom;}
    .product .p_span .p_i i.icon82{background-position:-70px bottom;}
    .product .p_span .p_i i.icon85{background-position:-105px bottom;}
    .product .p_span .p_i i.icon86{background-position:-140px bottom;}
    .product .p_span .p_i i.icon87{background-position:-175px bottom;;}
    .product .p_span .p_i i.icon88{background-position:-210px bottom;}
    .product .p_span .p_i i.icon89{background-position:-245px bottom;}
    .product .p_span .p_i i.icon90{background-position:-280px bottom;er;}
    .product .p_span .p_i i.icon91{background-position:-315px bottom;}
    .product .p_span .p_i.on i.icon66{background-position:left top;}
    .product .p_span .p_i.on i.icon69{background-position:-35px top;}
    .product .p_span .p_i.on i.icon82{background-position:-70px top;}
    .product .p_span .p_i.on i.icon85{background-position:-105px top;}
    .product .p_span .p_i.on i.icon86{background-position:-140px top;}
    .product .p_span .p_i.on i.icon87{background-position:-175px top;}
    .product .p_span .p_i.on i.icon88{background-position:-210px top;}
    .product .p_span .p_i.on i.icon89{background-position:-245px top;}
    .product .p_span .p_i.on i.icon90{background-position:-280px top;}
    .product .p_span .p_i.on i.icon91{background-position:-315px top;}
	.product .p_span .p_i p{font-size:12px;height:20px;line-height:20px;margin-top:6px;}
	.product .p_span .dian{left:34px;}
	.product .p_span .dian:after{height:20px;}
	.product .p_span .dw{width:34px;}
	.product .p_content .p_txt{top:15px;padding:20px 10px 20px 26px;}
	.product .p_content .p_txt p:first-child{font-size:20px;height:26px;line-height:26px;}
	.product .p_content .p_txt p:nth-child(2){font-size:13px;}
	.product .p_content .p_txt a{margin-top:10px;}
	.contrast{background-position:right center;background-size:200% 100%;padding:20px 0;}
	.contrast .ct_left{display:none;}
	.contrast .ct_right{width:100%;float:none;}
	.contrast .ct_right .ctr_title{padding:0 0 0 0;}
	.contrast .ct_right .ctr_title p:first-child{text-align:center;font-size:20px;height:26px;line-height:26px;}
	.contrast .ct_right .ctr_title p:last-child{text-align:center;font-size:16px;height:24px;line-height:24px;margin-top:8px;}
	.contrast .ct_right .ctr_txt{padding:1px 15px 16px;}
	.contrast .ct_right .ctr_txt .ctr_li:nth-child(odd):before{content:none;}
	.contrast .ct_right .ctr_txt .ctr_li:nth-child(4) .ctr_p p:last-child{height:auto;}
	#youshibg{padding:20px 0;}
	.youshi .ys_content .ysc_left .ysc_icon{width:96%;left:2%;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{padding:15px 10px 0;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title{margin-bottom:8px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp>p{font-size:12px;line-height:20px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp a{margin-top:10px;width:100px;height:32px;line-height:32px;font-size:14px;}
	.jishu{padding:20px 0 15px;}
    .jishu .js_ul{margin-top:15px;height:334px;}
    .jishu .js_ul .js_li{width:calc(100% - 240px);}
    .jishu .js_ul .js_li .js_txt{width:80px;}
    .jishu .js_ul .js_li .js_txt .js_pp p{margin-right:25px;font-size:17px;}
    .jishu .js_ul .js_li .js_txt .js_pp .p_span{display:none;}
    .jishu .js_ul .js_li .js_txt .span_num{font-size:26px;height:26px;line-height:26px;}
    .jishu .js_ul .js_li .js_txt i{width:26px;height:1px;margin:6px auto 15px;}
    .jishu .js_ul .js_li .js_img{width:calc(100% - 80px);}
    .jishu .js_ul .js_li .js_img .j_txt{width:100%;height:100%;padding:15px 10px 10px 10px;}
    .jishu .js_ul .js_li .js_img .j_txt .j_icon{margin-top:15px;}
    .jishu .js_ul .js_li .js_img .j_txt span{margin-bottom:10px;}
    .jishu .js_ul .js_li .js_img .j_txt p{font-size:13px;line-height:22px;}
    .jishu .js_ul .js_li .js_img .j_txt p:first-child{font-size:20px;height:30px;line-height:30px;}
    .jishu .js_ul .js_li .js_img .j_txt .j_icon .j_i i{height:40px;}
    .jishu .js_ul .js_li.js_li1{left:0;}
    .jishu .js_ul .js_li.js_li2{left:calc(100% - 240px);}
    .jishu .js_ul .js_li.js_li3{left:calc(100% - 160px);}
    .jishu .js_ul .js_li.js_li4{left:calc(100% - 80px);}
    .jishu .js_ul .js_li.js_li1.js_fl0{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl0{left:calc(100% - 240px);}
    .jishu .js_ul .js_li.js_li3.js_fl0{left:calc(100% - 160px);}
    .jishu .js_ul .js_li.js_li4.js_fl0{left:calc(100% - 80px);}
    .jishu .js_ul .js_li.js_li1.js_fl1{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl1{left:80px;}
    .jishu .js_ul .js_li.js_li3.js_fl1{left:calc(100% - 160px);}
    .jishu .js_ul .js_li.js_li4.js_fl1{left:calc(100% - 80px);}
    .jishu .js_ul .js_li.js_li1.js_fl2{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl2{left:80px;}
    .jishu .js_ul .js_li.js_li3.js_fl2{left:160px;}
    .jishu .js_ul .js_li.js_li4.js_fl2{left:calc(100% - 80px);}
    .jishu .js_ul .js_li.js_li1.js_fl3{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl3{left:80px;}
    .jishu .js_ul .js_li.js_li3.js_fl3{left:160px;}
    .jishu .js_ul .js_li.js_li4.js_fl3{left:240px;}
    .info{padding:15px 0 20px;}
    .info .in_left{width:100%;float:none;}
    .info .in_left .il_num{margin-top:15px;}
    .info .in_left a{margin-top:15px;}
    .info .in_right{width:100%;float:none;margin-top:15px;}
    .info .inv_list{margin-top:15px;}
    .info .inv_list .inv_img:after{width:50px;height:50px;margin-top:-25px;margin-left:-25px;}
    .info .inv_list .swiper-slide:hover .inv_img:after{margin-top:-33px;}
    #hezuobg{padding:20px 0;}
	#newsbg{padding:20px 0;}
	.news .news_li{width:100%;float:none;margin-top:10px;}
	.news .news_li:first-child{width:100%;padding:0 0 0 0;}
	.news .news_li .news_img{padding-bottom:45.24%;}
	.news .news_li .news_p{background:#FFF;padding:0 0 0 0;margin-top:10px;border:1px solid #EBEBEB;}
	.news .news_li .news_p:before{content:none;}
	.news .news_li .news_p .news_time{width:90px;padding:21px 0 19px 0;border-right:1px solid #ebebeb;}
	.news .news_li .news_p .news_time span:first-child{font-size:40px;height:40px;line-height:40px;}
	.news .news_li .news_p .pp{width:calc(100% - 90px);padding:10px 15px;}
	.news .news_li .news_p .pp p:last-child{font-size:13px;line-height:22px;}
	.news .news_li .news_pp .time{width:90px;padding:21px 0 19px 0;}
	.news .news_li .news_pp .time span:first-child{font-size:40px;height:40px;line-height:40px;}
	.news .news_li .news_pp .n_p{width:calc(100% - 90px);padding:10px 15px;}
	.news .news_li .news_pp .n_p p:last-child{font-size:13px;line-height:22px;}
	.foot{padding:20px 0;}
	.foot:before{content:none;}
	.foot .f_left{width:100%;float:none;}
	.foot .f_left .f_bottom{margin-top:20px;}
	.foot .f_left .f_bottom br{display:none;}
	.foot .f_right{width:100%;float:none;margin-top:20px;padding-left:0;}
	#friendlinkbg{padding:10px 0 66px;}
	#floatBottom{display:block;}
	
	
	#px_banner{padding-bottom:300px;margin-top:0;}
	.px_txt p:first-child{font-size:40px;height:40px;line-height:40px;}
	.px_txt p:nth-child(2){font-size:30px;height:40px;line-height:40px;margin-top:6px;}
	.px_txt h1{font-size:30px;height:40px;line-height:40px;margin-top:6px;}
	.npb_title.mt1{margin-top:20px;}
	.npb_title h2,.npb_title h1{font-size:22px;height:30px;line-height:30px;}
	.npb_title p{font-size:13px;line-height:22px;margin-top:10px;}
	.npb_title p br{display:none;}
	.newsnav .newsnav_li{padding:0 20px;}
	.newsnav .newsnav_li a{height:50px;line-height:50px;font-size:15px;}
	#stylesubnav{height:auto;}
	#stylesubnav .xq_crumbs{width:100%;float:none;}
}
/*768以下屏幕*/
@media screen and (max-width:767px){
	.container{width:calc(100% - 30px);}
	.product .p_span{margin-top:10px;}
	.product .p_span .p_i{background:none;min-width:0;width:20%;float:left;padding:0 0;}
	.product .p_span .p_i i{display:none;}
	.product .p_span .p_i p{margin-top:0;height:37px;line-height:36px;background:#F5F5F5;border-right:1px solid #FFF;border-bottom:1px solid #FFF;}
	.product .p_span .dian{display:none;}
	.product .p_content .p_txt{width:96%;right:2%;height:calc(100% - 40px);top:20px;padding:15px 15px 0;background:rgba(255,255,255,.8);}
	.product .p_content .p_txt a{font-size:13px;}
	.youshi .ys_content{margin-top:10px;}
	.youshi .ys_content .ysc_right{width:100%;float:none;}
	.youshi .ys_content .ysc_right .ysc_txt{padding-bottom:20px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{position:relative;height:223px;}
	.youshi .ys_content .ysc_left{width:100%;float:none;}


    .jishu .js_ul{height:auto;height:572px;}
    .jishu .js_ul .js_li{width:100%;height:calc(100% - 150px);}
    .jishu .js_ul .js_li .js_txt{width:100%;float:none;height:auto;font-size:0;-webkit-text-size-adjust:none;border-right:none;border-top:1px solid #D1D1D1;}
    .jishu .js_ul .js_li:first-child .js_txt{border-left:none;}
    .jishu .js_ul .js_li .js_txt .span_num{display:block;margin-top:0;width:40px;height:49px;line-height:49px;float:left;}
    .jishu .js_ul .js_li .js_txt i{display:block;margin:0;width:1px;height:20px;float:left;margin-left:5px;margin-top:15px;}
    .jishu .js_ul .js_li .js_txt .js_pp{float:left;margin-left:8px;}
    .jishu .js_ul .js_li .js_txt .js_pp em{display:block;width:20px;height:59px;background-size:100% auto!important;float:left;}
    .jishu .js_ul .js_li .js_txt .js_pp p{width:auto;height:49px;line-height:49px;margin-top:0;float:left;margin-left:10px;-webkit-writing-mode:initial;writing-mode:initial;font-size:15px;letter-spacing:0;}
    .jishu .js_ul .js_li .js_img{width:100%;float:none;}
    .jishu .js_ul .js_li .js_img .j_txt{position:relative;height:372px;}
    .jishu .js_ul .js_li.js_li1{left:0;}
    .jishu .js_ul .js_li.js_li2{left:0;top:calc(100% - 150px);}
    .jishu .js_ul .js_li.js_li3{left:0;top:calc(100% - 100px);}
    .jishu .js_ul .js_li.js_li4{left:0;top:calc(100% - 50px);}
    .jishu .js_ul .js_li.js_li1.js_fl0{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl0{left:0;top:calc(100% - 150px);}
    .jishu .js_ul .js_li.js_li3.js_fl0{left:0;top:calc(100% - 100px);}
    .jishu .js_ul .js_li.js_li4.js_fl0{left:0;top:calc(100% - 50px);}
    .jishu .js_ul .js_li.js_li1.js_fl1{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl1{left:0;top:50px;}
    .jishu .js_ul .js_li.js_li3.js_fl1{left:0;top:calc(100% - 100px);}
    .jishu .js_ul .js_li.js_li4.js_fl1{left:0;top:calc(100% - 50px);}
    .jishu .js_ul .js_li.js_li1.js_fl2{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl2{left:0;top:50px;}
    .jishu .js_ul .js_li.js_li3.js_fl2{left:0;top:100px;}
    .jishu .js_ul .js_li.js_li4.js_fl2{left:0;top:calc(100% - 50px);}
    .jishu .js_ul .js_li.js_li1.js_fl3{left:0;}
    .jishu .js_ul .js_li.js_li2.js_fl3{left:0;top:50px;}
    .jishu .js_ul .js_li.js_li3.js_fl3{left:0;top:100px;}
    .jishu .js_ul .js_li.js_li4.js_fl3{left:0;top:150px;}
    .jishu .js_ul .js_li.on .js_txt{border-bottom:none;}
    .jishu .js_ul .js_li.on:first-child .js_txt{border-left:none;}
    .info .in_left p:first-child{font-size:17px;height:24px;line-height:25px;}
    .info .in_left .il_num{margin-top:0;}
    .info .in_left .il_num .iln_span{width:100%;float:none;padding-left:20px;margin-top:15px;}
    .info .in_left .il_num .iln_span:first-child{width:100%;}
    .info .inv_list .inv_img:after{width:40px;height:40px;margin-top:-20px;margin-left:-20px;}
    .info .inv_list .swiper-slide:hover .inv_img:after{margin-top:-26px;}




	#px_banner{padding-bottom:260px;margin-top:0;}
	.px_txt p:first-child{font-size:26px;height:26px;line-height:26px;}
	.px_txt p:nth-child(2){font-size:24px;height:32px;line-height:32px;}
	.px_txt h1{font-size:24px;height:32px;line-height:32px;}
	.newsnav .newsnav_li a{border-width:2px;}
	.newsnav .newsnav_li.on a{border-width:2px;}
}
/*668以下屏幕*/
@media screen and (max-width:667px){
	.top .logo{height:34px;margin:18px 0;}
	.pb_title p br{display:none;}
	.product .p_content .p_banner{padding-bottom:20px;}
	.product .p_content .p_txt{position:relative;right:0;top:0;z-index:2;margin-left:2%;margin-top:20px;padding:15px 10px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{height:263px;}
	.news_span .a_span{width:32%;margin-left:2%;}
	.news_span .a_span:first-child{margin-left:0;}
	.foot .f_left .f_contact{margin-top:10px;}
	.foot .f_left .f_bottom{margin-top:10px;}
	.foot .f_right{margin-top:0;}
	
	#px_banner{padding-bottom:130px;margin-top:0;}
	#stylesubnav .xq_nav{display:block;}
	#stylesubnav .xq_nav a{height:38px;line-height:38px;border-right:1px solid #FFF;border-bottom:1px solid #FFF;padding:0 15px;display:inline-block;}
}
/*500以下屏幕*/
@media screen and (max-width:499px){
	#headbg{display:none;}
	.top .nav_bg{top:70px;height:calc(100% - 70px);}
	.top .nav .nav_box{top:70px;}
	.index_banner .swiper-pagination-bullet{width:8px;height:8px;}
	.index_banner .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
	.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px;}
	.pb_title h2{font-size:18px;height:26px;line-height:26px;}
	.pb_title p{margin-top:4px;}
	.product .p_span .p_i{width:50%;}
	.product .p_content .p_banner{padding-bottom:10px;}
	.product .p_content .p_txt{margin-top:10px;padding:10px 10px;}
	.product .p_content .p_txt p:nth-child(2){font-size:12px;line-height:20px;}
	.product .p_content .p_txt a{width:100px;height:36px;line-height:34px;font-size:12px;}
	.contrast .ct_right .ctr_title p:first-child{font-size:18px;height:26px;line-height:26px;}
	.contrast .ct_right .ctr_title p:last-child{font-size:13px;height:auto;line-height:22px;}
	.contrast .ct_right .ctr_txt{margin-top:8px;padding:1px 10px 15px;}
	.contrast .ct_right .ctr_txt .ctr_li i{width:50px;height:50px;}
	.contrast .ct_right .ctr_txt .ctr_li .ctr_p{width:calc(100% - 50px);padding-left:10px;padding-top:0;}
	.contrast .ct_right .ctr_txt .ctr_li .ctr_p p:first-child{font-size:17px;height:24px;line-height:24px;}
	.contrast .ct_right .ctr_txt .ctr_li .ctr_p p:last-child{font-size:13px;}
	.youshi .ys_ul .ys_li{font-size:14px;height:36px;line-height:36px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp{height:283px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title p{font-size:74px;height:60px;line-height:60px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct{left:39px;padding-left:5px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:first-child{font-size:14px;height:18px;line-height:18px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp .ysc_title .ysct span:last-child{font-size:12px;height:18px;line-height:18px;}
	.youshi .ys_content .ysc_left .ysc_icon{padding:10px 0;bottom:10px;}
	.youshi .ys_content .ysc_left .ysc_icon .ysc_i i{height:36px;}
	.youshi .ys_content .ysc_left .ysc_icon .ysc_i p{font-size:12px;height:20px;line-height:20px;}
	.youshi .ys_content .ysc_right .ysc_txt .ysc_pp a{height:36px;line-height:36px;}
	.news_span .a_span{font-size:13px;height:38px;line-height:36px;}
	.news .news_li .news_p .news_time{width:70px;}
	.news .news_li .news_p .news_time span{font-size:13px;}
	.news .news_li .news_p .news_time span:first-child{font-size:32px;line-height:32px;height:32px;}
	.news .news_li .news_p .pp{padding:10px 8px;width:calc(100% - 70px);}
	.news .news_li .news_p .pp p:first-child{font-size:15px;height:22px;line-height:22px;}
	.news .news_li .news_p .pp p:last-child{font-size:12px;line-height:20px;height:40px;}
	.news .news_li .news_pp .time{width:70px;}
	.news .news_li .news_pp .time span{font-size:13px;}
	.news .news_li .news_pp .time span:first-child{font-size:32px;line-height:32px;height:32px;}
	.news .news_li .news_pp .n_p{padding:10px 8px;width:calc(100% - 70px);}
	.news .news_li .news_pp .n_p p:first-child{font-size:15px;height:22px;line-height:22px;}
	.news .news_li .news_pp .n_p p:last-child{font-size:12px;line-height:20px;height:40px;}
	.foot .f_left .f_title p:last-child{font-size:25px;}
	.foot .f_left .f_contact .p_span{display:block;margin-left:0;}
	.foot .f_right input{float:none;margin-top:8px;}
	.foot .f_right .input1{width:100%;}
	.foot .f_right .input2{width:100%;float:none;margin-left:0;}
	.foot .f_right .f_content{margin-top:8px;padding:5px;}
	.foot .f_right input.imgvc{width:calc(100% - 100px)!important;}
	.foot .f_right span{top:-2px!important;}
	.foot .f_right button{width:100%;margin-top:8px;margin-left:0;}
	.foot .f_right p{text-align:left;font-size:12px;margin-top:5px;}
	.friendlink a{font-size:13px;height:23px;line-height:23px;padding:0 6px;}

	#hezuobg .pb_title:before{font-size:50px;height:50px;line-height:50px;}
	.px_txt p:nth-child(2){font-size:20px;height:26px;line-height:26px;margin-top:0;}
	.px_txt h1{font-size:20px;height:26px;line-height:26px;margin-top:0;}
	.px_txt .mbx{font-size:13px;background-size:auto 12px!important;height:16px;line-height:16px;padding-left:18px;margin-top:5px;}
	.npb_title h2,.npb_title h1{font-size:18px;height:26px;line-height:26px;}
	.newsnav .newsnav_li{padding:0 10px;}
	.newsnav .newsnav_li a{padding:0 8px;height:40px;line-height:40px;font-size:13px;}
	
	.video{width:100%;padding:5px;left:0;}
    .video span{left:50%;top:100%;margin-left:-20px;}

}

